<template>
	<div class="mian_top">
		<div class="headTop">
			<el-breadcrumb separator="-">
				<!--<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>-->
				<el-breadcrumb-item v-for="(item,index) in topList" :key="index">{{item}}</el-breadcrumb-item>
				<slot></slot>
			</el-breadcrumb>
		</div>

		<div style="height: 50px;"></div>
	</div>

</template>

<script>
	export default {
		props: {
			topList: {
				type: Array,
			},
		},
		data() {
			return {

			}
		},
		created() {

		},
		computed: {

		},
		methods: {
		}
	}
</script>

<style lang="less">
	.mian_top {
		.headTop {
			width: 98%;
			height: 50px;
			background: #eff2f7;
			color: #49515e;
			padding: 0px 1%;
			display: flex;
			align-items: center;
		}
		.el-breadcrumb {
			font-size: 15px;
			display: flex;
			align-items: center;
			line-height: 40px;
		}
	}
	
	.mian_top:nth-child(1) .headTop{
		position: fixed;
		top: 0;
		left: 220px;
		z-index: 1000;
	}
</style>